<template>
<div>
  <footer class="footer-bg">
    <div class="footer-box">
      <div class="left">
        <div class="img"><img src="../assets/images/er.jpg" alt="" /></div>
        <p>扫描关注沙发管家微信</p>
      </div>
      <div class="right">
        <dl v-for="(item,index) in sofa" :key="index">
            <dt>{{item.title}}</dt>
            <dd v-for="(val,ind) in item.list" :key="ind">
                <a href="#">{{val}}</a>
            </dd>
        </dl>
      </div>
    </div>
  </footer>
  <footer class="f-bg">
      <div class="f-box">
          <div>
              关于我们 · 加入我们 · 商务合作 · 侵权投诉
          </div>
          <div>
              &copy; 2021 沙发网 沪ICP备13017440号
          </div>
          <div>版权所有:心梦想 (上海) 信息科技有限公司</div>
          <div>地址:上海市静安区万荣路700号A2 电话:021-62338062</div>
          <div><img src="../assets/images/ghs.png" alt="">沪公网安备 31010602002886号</div>
      </div>
  </footer>
</div>

</template>

<script>
export default {
  data() {
    return {
      sofa: [
        {
          title: "沙发网",
          list: ["沙发管家", "沙发桌面", "沙发电视精灵", "安装教程"],
        },
        {
          title: "应用市场",
          list: [
            "影视视频",
            "软件工具",
            "电视游戏",
            "最热应用",
            "最新应用",
            "专题",
          ],
        },
        { title: "产品库", list: ["智能电视", "电视盒子"] },
        { title: "开发者平台", list: ["沙发支付"] },
      ],
    };
  },
};
</script>

<style scoped>
* {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-bg {
  background: #f0f0f0;
}
.footer-box {
    padding: 30px 0;
    width: 1200px;
    margin: 0 auto;
    display: flex;
}
.left{
    padding: 0 80px;
    border-right: 1px solid gainsboro;
    margin-right: 50px;
}
.right{
    display: flex;
}
dl{
    margin-right: 100px;
}
dt{
    margin-bottom: 10px;
}
dd a{
    color: gray;
}
.img {
  width: 120px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.img img {
  width: 100%;
}
.f-bg{
    background: #303031;
}
.f-box{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
    color: #666;
}
</style>